.df {

	display: flex;
}

.ai-center {
	/* 垂直居中 */
	align-items: center;
}

.ai-flex-start {
	/* 起点对齐 */
	align-items: flex-start;
}

.ai-flex-end {
	/* 底部对齐 */
	align-items: flex-end;
}

.ai-baseline {
	/* 中间文字对齐 */
	align-items: baseline;
}

.jc-center {
	/* 	//居中对齐 */
	justify-content: center;
}

.jc-flex-start {
	/* 靠左对齐 */
	justify-content: flex-start;
}

.jc-flex-end {
	/* 靠右对齐 */
	justify-content: flex-end;
}

.jc-space-between {
	/* 两端对齐靠边，项目之间间隔相等； */
	justify-content: space-between;
}

.jc-space-around {
	/* 每个项目两侧的间隔相等，即项目之间的间隔比项目与边框的间隔大一倍。 */
	justify-content: space-around;
}

.fw-nowrap {
	/* （默认）：不换行。 */
	flex-wrap: nowrap;
}

.fw-wrap {
	/* 换行，第一行在上方 */
	flex-wrap: wrap;
}

.fw-wr {
	/* 换行，第一行在下方。*/
	flex-wrap: wrap-reverse;
}

.jd {
	position: absolute;
}

.xd {
	position: relative;
}

.omit-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.omit-2 {
	overflow: hidden;
	word-break: break-all;
	/* break-all(允许在单词内换行。) */
	text-overflow: ellipsis;
	/* 超出部分省略号 */
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2;
	/** 显示的行数 **/

}

.omit-3 {
	overflow: hidden;
	word-break: break-all;
	/* break-all(允许在单词内换行。) */
	text-overflow: ellipsis;
	/* 超出部分省略号 */
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 3;
	/** 显示的行数 **/

}


.fw {
	font-weight: bold;
}

.ta-conter {
	text-align: center;
}

.ta-left {
	text-align: left;
}
/*文字中间加横线*/
.guancx {
	text-decoration: line-through;
}
/* 不换行 */
.text-nowrap{
	white-space:nowrap;
}

.colorFF3434 {
	color: #FF3434;
}

.color4E9C57 {
	color: #4E9C57;
}

.colorBABABA {
	color: #BABABA;
}


/* 发单置底按钮 */
.bottom_btn_box {
	z-index: 2;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(150px + env(safe-area-inset-bottom));
	border-radius: 50px 50px 0px 0px;
	padding: 24px;
	background: white;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	
  }
.bottom_btn {
	height: 86px;
	background: #4b9c57;
	border-radius: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 36px;
	font-weight: bold;
	color: white;
}
.env_constant_bottom{
	padding-bottom: constant(safe-area-inset-bottom);
			/* ///兼容 IOS<11.2/ */
	padding-bottom: env(safe-area-inset-bottom);
	/* ///兼容 IOS>11.2/ */
}
.env_constant_top{
	padding-top: constant(safe-area-inset-top);
			/* ///兼容 IOS<11.2/ */
	padding-top: env(safe-area-inset-top);
	/* ///兼容 IOS>11.2/ */
}
.frame-div {
  width: 100%;
  height: 100%;
  background-image: url(@/image/new_img/main_bg_2.png);
  background-size: cover;
  background-repeat: repeat;
  position: relative;
  left: 0;
  top: 0;
  overflow-y: scroll;
}
.frame-div::-webkit-scrollbar{
  display: none;
  overflow: -moz-scrollbars-none; /* Firefox */
	-ms-overflow-style: none;        /* IE 和 Edge */
}
.content-frame::-webkit-scrollbar{
	display: none;
	overflow: -moz-scrollbars-none; /* Firefox */
  -ms-overflow-style: none;        /* IE 和 Edge */
}
.interval-frame {
  width: 100%;
  height: 80px;
}